<template>
  <div class=" text-gray-100  bg-gray-900 min-h-screen    ">
    <h1 CLASS="text-3xl">INDEX</h1>
    <div class="container mx-auto">
      <h1><a href="/moviescript"  target="_blank"  class="hover:text-green-500 "> MOVIE SCRIPT </a></h1>
      <h1><a href="/Movie_list"  target="_blank"  class="hover:text-green-500 uppercase ">  Movie_list </a></h1>
      <hr>
      <h1><a href="/phrase"  target="_blank"  class="hover:text-green-500 uppercase ">  phrase </a></h1>
      <h1><a href="/localStorage"  target="_blank"  class="hover:text-green-500 uppercase ">  localStorage </a></h1>
      <hr>
      <h1><a href="/test"  target="_blank"  class="hover:text-green-500 uppercase ">  TEST </a></h1>
    </div>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: "Index",
  components: {
  },
  data() {
    return {
    }
  },
  watch: {
  },
  methods: {
  },
  created() {
    document.title = "index"
  }
}
</script>

<style scoped>

</style>
